<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>添加考试题目 </title>
		<!-- 图标样式 -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
		<link rel="stylesheet" href="css/testadd.css" />
	</head>
	<body>
		<!-- 左侧菜单 -->
		<div class="sidebar">
			<div class="menu-item" id="admin-info-management" onclick="window.location.href = 'manageindex.html'">
				<i class="fas fa-user-shield"></i>
				<span>管理员信息管理</span>
			</div>
			<div class="menu-item" id="class-info-management" onclick="window.location.href = 'manageclass.html'">
				<i class="fas fa-users"></i>
				<span>班级信息管理</span>
			</div>
			<div class="menu-item" id="student-info-management"
				onclick="window.location.href = 'studentinfomanage.html'">
				<i class="fas fa-user-graduate"></i>
				<span>考生信息管理</span>
			</div>
			<div class="menu-item" id="student-score" onclick="window.location.href = 'studentscore.html'">
				<i class="fas fa-chart-line"></i>
				<span>考生成绩查询</span>
			</div>
			<div class="menu-item" id="course-info-manage" onclick="window.location.href = 'managecourse.html'">
				<i class="fas fa-book"></i>
				<span>课程信息管理</span>
			</div>
			<div class="menu-item" id="exame-manage" onclick="window.location.href = 'testmanage.html'">
				<i class="fas fa-tasks"></i>
				<span>考试题目管理</span>
			</div>
			<div class="menu-item" id="exame-info-manage" onclick="window.location.href = 'examemanage.html'">
				<i class="fas fa-file-alt"></i>
				<span>试卷管理</span>
			</div>
			<div class="menu-item" id="logout" onclick="confirmExit()">
				<i class="fas fa-sign-out-alt"></i>
				<span>退出后台管理</span>
			</div>
		</div>



		<!-- 主要内容区域 -->
		<div class="main-content">
			<!-- 顶部导航 -->
			<div class="nav-box">
				<div class="logo">
					<img src="./img/examicon.svg" alt="Logo">
					<h1>在线考试网后台管理</h1>
				</div>
			</div>

			<!-- 面包屑导航 -->
			<div class="content-wrapper">
				<div class="breadcrumb">
					<span class="breadcrumb-text">当前位置:考试题目管理>>>添加考试题目</span>
					<span class="admin-info">当前管理员:wyh</span>
				</div>
			</div>

			<!-- 内容区域 -->
			<div class="content-box">
				<form id="questionForm">
					<div class="form-section">
						<h2>基本信息</h2>
						<div class="form-row">
							<div class="form-label">题目类型</div>
							<div class="form-input">
								<select id="questionType">
									<option value="single">单选题</option>
									<option value="multiple">多选题</option>
									<option value="judge">判断题</option>
								</select>
							</div>
							<div class="form-label">所属科目</div>
							<div class="form-input">
								<select id="subject">
									<option value="math">高等数学</option>
									<option value="physics">物理</option>
									<option value="english">英语</option>
								</select>
							</div>
						</div>
						<div class="form-row">
							<div class="form-label">难度等级</div>
							<div class="difficulty-buttons">
								<button type="button" class="difficulty-btn" data-difficulty="easy">简单</button>
								<button type="button" class="difficulty-btn active" data-difficulty="medium">中等</button>
								<button type="button" class="difficulty-btn" data-difficulty="hard">困难</button>
							</div>
							<div class="form-label">分值设置</div>
							<div class="form-input" style="max-width: 200px;">
								<input type="text" id="score" placeholder="请输入分值">
							</div>
						</div>
					</div>

					<div class="form-section">
						<h2>设置内容</h2>
						<textarea class="question-content" placeholder="请输入题目内容"></textarea>

						<div id="optionsContainer">
							<div class="option-item">
								<div class="option-label">A.</div>
								<input type="text" class="option-input" placeholder="请输入选项内容">
								<button type="button" class="delete-option">删除</button>
							</div>
							<div class="option-item">
								<div class="option-label">B.</div>
								<input type="text" class="option-input" placeholder="请输入选项内容">
								<button type="button" class="delete-option">删除</button>
							</div>
							<div class="option-item">
								<div class="option-label">C.</div>
								<input type="text" class="option-input" placeholder="请输入选项内容">
								<button type="button" class="delete-option">删除</button>
							</div>
							<div class="option-item">
								<div class="option-label">D.</div>
								<input type="text" class="option-input" placeholder="请输入选项内容">
								<button type="button" class="delete-option">删除</button>
							</div>
						</div>
						<button type="button" class="add-option">+ 添加选项</button>

						<div class="correct-answer">
							<div class="form-label">正确答案</div>
							<div class="answer-options">
								<label class="answer-option">
									<input type="radio" name="correct" value="A" checked>
									<span>A</span>
								</label>
								<label class="answer-option">
									<input type="radio" name="correct" value="B">
									<span>B</span>
								</label>
								<label class="answer-option">
									<input type="radio" name="correct" value="C">
									<span>C</span>
								</label>
								<label class="answer-option">
									<input type="radio" name="correct" value="D">
									<span>D</span>
								</label>
							</div>
						</div>
					</div>

					<div class="form-buttons">
						<button type="submit" class="submit-btn">确定</button>
						<button type="button" class="return-btn">返回</button>
					</div>
				</form>
			</div>
		</div>
		<script src="js/testadd.js"></script>
		<script src="js/exit.js"></script>
	</body>
</html>